<!--  -->
<template>
    <div class=''>
        <div class="right">
            <a-button v-has="'content:album:remove'" type="danger" @click="handleDelAlbum">{{isAlbumDel ? '取消删除' : '删除相册'}}</a-button>
        </div>
        <AlbumList />
    </div>
</template>

<script>
import AlbumList from "../components/albumList";
import { mapMutations, mapGetters } from 'vuex'
import { photoAlbum } from "@/api/content/operate";
export default {
    components: {
        AlbumList
    },
    data() {
        return {
            albumList: []
        }
    },
    computed: {
        ...mapGetters(['isAlbumDel'])
    },
    watch: {},
    methods: {
        ...mapMutations(['SET_ISALBUMDEL']),
        //删除相册
        handleDelAlbum(){
            this.SET_ISALBUMDEL(!this.isAlbumDel)
        },
        // async getPhotoAlbum() {
        //     let res = await photoAlbum({ belongId: 0 });
        //     this.albumList = res.data.records || [];
        // },
    },
    created() {
        // this.getPhotoAlbum()
    },
    mounted() {

    },
}
</script>
<style scoped>
.right{
    text-align: right;
}
</style>